import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)


const p1 = () => import('@/components/01');
const p2 = () => import('@/components/02');
const p3 = () => import('@/components/03');
const p4 = () => import('@/components/04');
const p5 = () => import('@/components/05');
const p6 = () => import('@/components/06');
const p7 = () => import('@/components/07');
export default new Router({
  routes: [
    {
      path: '/',
      components:{
        p1:p1,
        p2:p2,
        p3:p3,
        p4:p4,
        p5:p5,
        p6:p6,
        p7:p7
      } 
    },
    {
      path:'/p1',
      name:'p1',
      component:p1
    },
    {
      path:'/p2',
      name:'p2',
      component:p2
    },
    {
      path:'/p3',
      name:'p3',
      component:p3
    },
    {
      path:'/p4',
      name:'p4',
      component:p4
    },
    {
      path:'/p5',
      name:'p5',
      component:p5
    },
    {
      path:'/p6',
      name:'p6',
      component:p6
    },{
      path:'/p7',
      name:'p7',
      component:p7
    },
  ]
})
